#container:hover {
    /*整个帖子*/

}

.centericon {
    /*包含返回按钮的div*/

    font-weight: bold;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-top: 10px;
    margin-left: 4px;
    padding: 9px 2px 6px 8px;
}

.centericon:hover {
    /*返回按钮悬浮事件*/
    width: 40px;
    height: 40px;
    background-color: rgb(192, 192, 192);
    border-radius: 22px;
}

.inner {
    /*包含帖子文字的span*/
    font-size: 20px;
    font-weight: bold;
    margin-left: 20px;
}

.centertop {
    /*顶部的div*/
    width: 598.4px;
    height: 65px;
}

.ice-revoke-left {
    /*返回按钮*/
    padding-left: 4px;
    padding-top: 2px;
    display: block;
}

.avatar {
    /*发帖人头像*/
    /*头像*/
    margin-top: 10px;
    margin-left: 12px;
    width: 40px;
    /* 设置头像的宽度 */
    height: 40px;
    /* 设置头像的高度 */
    border-radius: 50%;
    /* 设置头像为圆形 */
}

.commentavatar {
    /*评论人头像*/
    /*头像*/
    margin-top: 10px;
    margin-left: 12px;
    width: 24px;
    /* 设置头像的宽度 */
    height: 24px;
    /* 设置头像的高度 */
    border-radius: 50%;
    /* 设置头像为圆形 */
}

.content {
    /*帖子内容*/
    padding: 0 auto;
    margin-left: 15px;
    margin-top: 15px;
    font-size: 16px;
    color: #0F1419;
}

.plcontent {
    /*评论内容的div*/
    margin-top: 10px;
    margin-left: 15px;
}

.repcontent{
    margin-top: 10px;
    margin-left: 35px;
}

.placontent:hover {
    /**/
    background-color: rgb(226, 226, 226)
}

.datetime {
    /*发帖时间*/
    margin-top: 10px;
    color: #526471;
}

div.time {
    /*包含时间的div*/
    margin-left: 15px;
    margin-top: 15px;
}

.image {
    /*图片*/
    max-width: 564.8px;
    background-color: rgba(0, 0, 0, 0.00);
    border: 0 solid black;
    color: inherit;
    display: inline;
    font: inherit;
    list-style: none;
    padding: 0px;
    width: 100%;
    flex: 1;
    text-align: inherit;
    text-decoration: none;
    white-space: inherit;
    word-wrap: break-word;
    border-radius: 10px;
    order: 0;
    flex-shrink: 1;
    margin-left: 15px;
    height: auto;
}

.video {
    /*视频*/
    max-width: 564.8px;
    max-height: 512.8px;
    width: 100%;
    flex: 1;
    object-fit: contain;
    order: 1;
    flex-shrink: 1;
    border-radius: 10px;
    margin-left: 15px;
}

.comment {
    /*每条评论的div*/
    width: 593.4px;
    border: 1px solid rgb(226, 226, 226);
}

.comment:hover {
    background-color: reb(226, 226, 226);

}

.comments {
    /*评论数量*/

}

.likes {
    /*点赞数量*/

}

.likess {
    /*包含点赞和点赞图标的div*/
    width: 45.18px;
    height: 47.2px;
    display: inline-block;
    padding-top: 15px;
    margin-left: 170px;
}

.commentss {
    /*包含评论和评论图标的div*/
    width: 45.18px;
    height: 47.2px;
    display: inline-block;
    padding-top: 15px;
    margin-left: 170px;
}

.useroperate {
    /*用户操作块div*/
    width: 598.4px;
    margin-top: 20px;
    width: 566.4px;
    border-top: 1px solid rgb(196, 196, 196);
    border-bottom: 1px solid rgb(196, 196, 196);
    margin-left: 15px;
    line-height: normal;
}

.postacomment {
    /*发布评论的div*/
    width: 568.4px;
    height: 50px;
    margin: 15px auto 5px 15px;
}

.input {
    /*回复评论的输入框*/
    font-size: 20px;
    margin-left: 10px;
    border: none;
}

img {
    /*发布头像*/
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.review {
    /*整个回评的div*/

}

.user {
    margin-left: 15px;
}

.layui-btn-radius {
    width: 80px;

}

.like-animation {
    animation: heart-pulse 1.0s ease-in-out;
}

@keyframes heart-pulse {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.2);
    }

    50% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}
/*回评的div*/
.reply{
    width:85.5%; 
    height: auto;
    margin-left: 80px;
    font-size: 13px;

}

.hiddenReply{
    display: none;
}
/*最右边的整个div*/
.layui-col-md4{
    
}
.layui-col-md4>.grid-demo-bg1{
    
}
.replySelect{
    font-size: 13px;
    color: #9499A0;
}

.replySelect:hover{
    color: #2f8eee;
    cursor: pointer;
}

